<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="author" content="胡歌">
        <title>首页</title>
        <link href="../Bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="../css/base.css"/>
        <link rel="stylesheet" type="text/css" href="../css/sy.css"/>
       
    </head>
    <body>
        <main onscroll="changeColor()">
        	<!--1app广告-->
        	<div class="app">
        		<img src="../img/red/alert.png"/>
        		<span class="close-app"></span>
        	</div>
        	<!--2搜索工具条-->
        	<div class="header-wrapper bg-orange" id="search-header">
        		<img class="logo left-item" src="../img/red/milogo.png"/>
        		<a href="" class="search-bar center-item">
        			<span class="glyphicon glyphicon-search"></span>
        			<span>搜索商品名称</span>
        		</a>
        		<a href="" class="login right-item">登录</a>
        	</div>
        	
        	<!--3轮播图-->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="1500">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="../img/red/99.jpg" alt="">      
    </div>
    
    <div class="item">
      <img src="../img/red/1.jpg" alt="...">     
    </div>   
  </div>
  
</div>
       <!--4内容-->
        	<div class="content-wrapper">
        		 <!--4.1商城早报-->	
        		<div class="first">
        			<section class="hot-header">
        				<a href="" class="news-title"><img  src="../img/red/sczb.png"/></a>
        				<a href="" class="news-list">小米4s与3s比较。</a>
        			</section>
        			<section class="blank-gray"></section>
        			<section class="hot-pro clearfix">
        				<div class="left-pro">
        				   <a href=""><img src="../img/red/3.jpg"/></a>	
        				</div>
        				
        				<div class="right-pro">
        					<a href=""><img src="../img/red/78.jpg"/></a>
        					<a href=""><img src="../img/red/43.jpg"/></a>
        				</div>
        			</section>
        		</div> <!--first end-->
        		<!--4.2明星表单-->
        		<div class="second">
        			<section class="blank-gray"></section>
        			<div class="pro-banner">
        				<img src="../img/red/6.jpg"/>
        			</div>
        			
        			<section class="blank-gray"></section>
        			<div class="pro-banner">
        				<img src="../img/red/wg.jpg"/>
        			</div>
        			<div class="pro-menu">
        			  <a href="">
        				<figure>
        					<img src="../img/red/41.jpg"/>
        					<figcaption>
        						<h4>洪咪note</h4>
        						<h5>洪咪note，洪咪note </h5>
        						<h6>洪咪note</h6>
        					</figcaption>
        				</figure>
        				</a>
        				
        				<a href="">
        				<figure>
        					<img  src="../img/red/12.jpg"/>
        					<figcaption>
        						<h4>洪咪note</h4>
        						<h5>洪咪note，洪咪note </h5>
        						<h6>洪咪note</h6>
        					</figcaption>
        				</figure>
        				</a>
        				
        				<a href="">
        				<figure>
        					<img src="../img/red/26.jpg"/>
        					<figcaption>
        						<h4>洪咪note</h4>
        						<h5>洪咪note，洪咪note </h5>
        						<h6>洪咪note</h6>
        					</figcaption>
        				</figure>
        				</a>
        				
        				<a href="">
        				<figure>
        					<img src="../img/red/28.jpg"/>
        					<figcaption>
        						<h4>洪咪note</h4>
        						<h5>洪咪note，洪咪note </h5>
        						<h6>洪咪note</h6>
        					</figcaption>
        				</figure>
        				</a>
        				
        			</div>
        		</div> <!-- second-->
        		       		       	        		
        	</div> <!--content-->
        	       	
       </main>    
       
        <script src="../Bootstrap/js/jquery.min.js"></script>
        <script src="../Bootstrap/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="../js/sy.js"></script>
    </body>
</html>